// 创建路由器模块
import Vue from "vue";
// 引入vue-router
import VueRouter from "vue-router";
// 引入路由组件
import ShouYe from '../views/ShouYe.vue';
import FenLei from '../views/FenLei.vue';
// 因为vue-router是vue的插件
// 声明使用vue插件
Vue.use(VueRouter);
export default new VueRouter({
    mode:'history',
    // 注册路由
    routes:[
        {
            path:'/shouye', //  /代表的是根目录 路径中最好不要出现大写字符
            name:'shouye', //路由的名字
            component:ShouYe
        },
        {
            path:'/fenlei',
            name:'fenlei',
            component:FenLei
        }
    ]
})

/* 
路由的步骤：
路由组件写到views或者pages文件夹内，普通的组件写到components当中
1.在在src中新建views文件夹，views当中写路由组件
2.在src中新建router文件夹，在router文件夹中写index.js
3.在main.js(入口文件)中引入路由器模块，在Vue配置对象当中注册路由器
4.在路由器模块（router index.js）当中注册路由
    引入对应的路由模块
    在routes当中进行注册
5.在哪里显示导航就在哪里使用router-link to 路径
6.在router-view组件当中显示路由组件的内容
*/